<ion-view view-title="回款" hide-tabs="true">
  <ion-content class="content has-header ionic-pseudo bgeee" scroll="true">
  <div>
    <div class="button-bar padding" ng-show="state.ones">
      <a class="button button-four button-positive" ng-click="one()">未回款</a>
      <a class="button button-four button-outline" ng-click="two()">已回款</a>
      <a class="button button-four button-outline" ng-click="three()">回款中</a>
    </div>
    <div class="button-bar padding" ng-show="state.twos">
      <a class="button button-four button-outline" ng-click="one()">未回款</a>
      <a class="button button-four button-positive" ng-click="two()">已回款</a>
      <a class="button button-four button-outline" ng-click="three()">回款中</a>
    </div>
    <div class="button-bar padding" ng-show="state.threes">
      <a class="button button-four button-outline" ng-click="one()">未回款</a>
      <a class="button button-four button-outline" ng-click="two()">已回款</a>
      <a class="button button-four button-positive" ng-click="three()">回款中</a>
    </div><!-- 
    <div class="button-bar" ng-show="state.fours">
      <a class="button button-four button-outline" ng-click="one()">未回款</a>
      <a class="button button-four button-outline" ng-click="two()">回款中</a>
      <a class="button button-four button-outline" ng-click="three()">已回款</a>
      <a class="button button-four button-positive" ng-click="four()">回款失败</a>
    </div> -->
  </div>
  <div class="item row item-icon-right"  ng-if="state.ones" ng-repeat="return in returns | filter:{state:0}" ui-sref="user-asset-return-detail({id:return.id,state:0})">
    <div class="col">{{return.productName}}<br>
      金额:{{return.balance}}<br>
      利息:{{return.income}}
    </div>
    <div class="col">回款时间<br>{{return.refundTime}}</div>
    <i class="icon ion-ios-arrow-right"></i>
  </div>
  <div class="item row item-icon-right"  ng-if="state.twos" ng-repeat="return in returns | filter:{state:1}" ui-sref="user-asset-return-detail({id:return.id,state:1})">
    <div class="col">{{return.productName}}<br>
      金额:{{return.balance}}<br>
      利息:{{return.income}}
    </div>
    <div class="col">回款时间<br>{{return.refundTime}}</div>
    <i class="icon ion-ios-arrow-right"></i>
  </div>
  <div class="item row item-icon-right"  ng-if="state.threes" ng-repeat="return in returns | filter:{state:2}" ui-sref="user-asset-return-detail({id:return.id,state:2})">
    <div class="col">{{return.productName}}<br>
      金额:{{return.balance}}<br>
      利息:{{return.income}}
    </div>
    <div class="col">回款时间<br>{{return.refundTime}}</div>
    <i class="icon ion-ios-arrow-right"></i>
  </div>
  <!-- 
  <div class="item row item-icon-right"  ng-show="state.fours" ng-repeat="return in returns | filter:{state:3}" ui-sref="user-asset-return-detail({id:return.id,state:3})">
    <div class="col">{{return.productName}}<br>
      金额:{{return.balance}}<br>
      利息:{{return.income}}
    </div>
    <div class="col">回款时间<br>{{return.refundTime}}</div>
    <i class="icon ion-ios-arrow-right"></i>
  </div> -->
<!-- 
    <tab-slide-box tab="0">
      <div class="tsb-icons">
        <div class="tsb-ic-wrp">
          <ion-scroll direction="x" class="tsb-hscroll">
          <a href="javascript:;" class="tab-item">未回款</a>
          <a href="javascript:;" class="tab-item">已回款</a>
<<<<<<< HEAD
          <a href="javascript:;" class="tab-item">回款失败</a>
=======
          <a href="javascript:;" class="tab-item">回款中</a>
>>>>>>> 7bda41531ede8a9b1f6eadcfc18188ad10d3f73c
        </ion-scroll>
        </div>
      </div>
      <ion-slide-box show-pager="false" on-slide-changed="slideHasChanged($index)">
          <ion-slide>
            <ion-scroll style="height:100%" delegate-handle="slide1Scroll" >
              <div class="item row item-icon-right" ng-repeat="return in returns | filter:{state:0}" ui-sref="user-asset-return-detail({id:return.id})">
                <div class="col">{{return.productName}}<br>
                    金额:{{return.balance}}<br>
                    利息:{{return.income}}</div>
                  <div class="col">回款时间<br>{{return.refundTime}}</div>
                  <i class="icon ion-ios-arrow-right"></i>
                </div>
              </div>
           </ion-scroll>
          </ion-slide>
          <ion-slide>
              <ion-list>
              <ion-scroll style="height:100%">
                <ion-list> 
                  <div class="item row item-icon-right" ng-repeat="return in returns | filter:{state:1}" ui-sref="user-asset-return-detail({id:return.id})">
                    <div class="col">{{return.productName}}<br>
                    金额:{{return.balance}}<br>
                    利息:{{return.income}}</div>
                  <div class="col">回款时间<br>{{return.refundTime}}</div>
                  <i class="icon ion-ios-arrow-right"></i>
                </div>
                </ion-list>
              </ion-scroll>
          </ion-slide>
          <ion-slide>
              <ion-scroll style="height:100%">
                <ion-list> 
                  <div class="item row item-icon-right" ng-repeat="return in returns | filter:{state:2}" ui-sref="user-asset-return-detail({id:return.id})">
                    <div class="col">{{return.productName}}<br>
                    金额:{{return.balance}}<br>
                    利息:{{return.income}}</div>
                  <div class="col">回款时间<br>{{return.refundTime}}</div>
                  <i class="icon ion-ios-arrow-right"></i>
                </div>
                </ion-list>
              </ion-scroll>
          </ion-slide> 
          <ion-slide>
              <ion-scroll style="height:100%">
                <ion-list> 
                  <div class="item row item-icon-right" ng-repeat="return in returns | filter:{state:3}" ui-sref="user-asset-return-detail({id:return.id})">
                    <div class="col">{{return.productName}}<br>
                    金额:{{return.balance}}<br>
                    利息:{{return.income}}</div>
                  <div class="col">回款时间<br>{{return.refundTime}}</div>
                  <i class="icon ion-ios-arrow-right"></i>
                </div>
                </ion-list>
              </ion-scroll>
          </ion-slide> 
      </ion-slide-box>
    </tab-slide-box> -->
  </ion-content>
</ion-view>